<template>
  <h1>属性绑定练习</h1>
  <input type="text" value="abc">
  <!-- 没有属性绑定,输入框的默认值就是文本info -->
  <input type="text" value="info">
  <!-- 属性绑定:将value属性的值与info变量的值进行绑定 -->
  <input type="text" v-bind:value="info">
  <!--简写形式:去掉 v-bind  -->
  <input type="text" :value="info">
  <hr>
  <a :href="url">超链接</a>
</template>

<script setup>
  import {ref} from "vue";

  const info = ref('属性绑定');
  const url = ref('https://www.baidu.com');
  url.value = 'https://www.jd.com';
</script>

<style scoped>

</style>